.flex{
    display:flex;
}
.bgwrite{
    background: #fff;
}
.fixed{
    position:fixed;
}
.radius{
    border-radius:4px;
    -webkit-border-radius:4px;
}
i{
    font-style: normal;
}
.txc{
    text-align: center;
}
.mb10{
    margin-bottom:10px;
}
.mr20{
    margin-right:20px;
}
.mt10{
    margin-top:10px;
}
.mt20{
    margin-top:20px;
}
.ml-12{
    margin-left:12px;
}
.item1 {
    -webkit-flex:1;
    flex:1;
  }
  .item2 {
    -webkit-flex:2;
    flex:2;
  }
  .item3 {
    -webkit-flex:3;
    flex:3;
  }
  .item4 {
    -webkit-flex:4;
    flex: 4;
  }
  .item5 {
    -webkit-flex:5;
    flex: 5;
  }
.controlhead{
    padding:10px 10px 0px 10px;
    border-bottom:1px solid  rgb(228, 231, 237);
    box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 12px 0px;
    border-radius: 3px;
    border:1px solid rgb(228, 231, 237);
    margin:10px 0;
    background-color: #fff;
}
 .controlhead .htitle{
    border-bottom:1px solid rgb(228, 231, 237);
    margin-bottom: 10px;
 }
.controlhead .htitle>span{
    padding-bottom: 10px;
    font-size: 16px;
    margin: 0px;
    border-bottom: 2px solid rgb(108, 191, 187);
}
.flex-column{
    display: flex;
    flex-direction: column;
  }
.spaceBetween{
    display:flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content:space-between;
}
.flexbetween{
    display:flex;
    justify-content:space-between;
}
.flexend{
    display: flex;
    justify-content:flex-end
}
.hcenter{
    align-items: center;
    -webkit-align-items: center;
    display: flex;
}

.quest_wrap{
    line-height: 40px;
}
.quest_info{
    padding: 0 15px 15px 15px
}
.anserTitle{
  border: 1px solid #eee;
  padding:0 15px;

  >span{
    font-weight: bold;
  }
}
.questtotal{
    em{
        font-size: 18px;
        color: #00a2ca;
        font-style: normal;
        margin:0 3px;
    }
}
.ml10{
    margin-left:10px;
}
.btns{
    margin: 20px 30px;
}
.radiodiv{
    line-height: 30px !important;
    margin-left: 20px;
}
.ml20{margin-left:20px;}
.plr20{
    margin:0 20px;
}
.solution{
    margin:20px;
}
.pdt20{
    padding-top:20px;
}
.plr10{
    padding:0 10px;

}
.mlr5{
    margin:0 5px;
}
.mtb15{
    margin:15px 0;
}
.selectTitle{
    font-size:16px;
    border-left: 3px solid #6cbfbb;
    padding-left: 5px;
}
.solution .explain {
    position: relative;
    padding: 30px 24px 20px;
    margin-bottom: 34px;
    border: 1px solid #ddd;
    border-radius: 4px;
    font-size: 14px;
    color: #262626;
    line-height: normal;
    margin-right:14px;
}

.solution .explain .logo {
    position: absolute;
    top: -13px;
    left: 13px;
    padding: 0 10px;
    background: #fff;
    font-weight: bold;
}

.solution .explain .answer {
    color: #262626;
    margin-bottom: 16px;
}
.line-feed {
    display: block;
    word-wrap: break-word;
    word-break: break-all;
    -ms-user-select: none;
    user-select: none;
}
.bottom_line{
    border-bottom:1px solid #eee;
}
.top_line{
    border-top:1px solid #eee;
}
.justify-between{
    justify-content:space-between
}
.title_head{
    // font-size: 16px;
    font-weight: 500;
    color: rgba(0, 0, 0, 0.85);
    line-height: 40px;
    padding: 0 15px;
    background: #f5f5f5
}
.subType_head{
    padding: 0 10px;
}
.move_div>span{
    color: #00a2ca;
    cursor: pointer;
    margin-right: 20px;
    -webkit-transition: all .3s;
    transition: all .3s;
}
.oppannel{
    border-top:1px solid #eee;
}
.oppannel:first-child{
    border-top:none;
}
.titleList{
    padding-left:15px;
}
.titleList:last-child{
    padding-bottom:5px;
}
.questTitle{
    text-indent: 10px;
}
.exmaDialog{
    margin:20px 20px 0 20px;
}
.newDialogClass {
    .el-dialog__headerbtn .el-dialog__close{
        // color:#fff;
    }
}
.dialogs {
    .el-input__inner{
        border-right:none ;
        border-radius:0;
    }  
}
.dialog-footer{
    text-align: right;
}     

.addLine{
    margin:10px 0;
}
.stag_table .thead{
    background: rgba(233, 235, 239, 0.5) !important;
    color:rgb(3, 17, 41) !important;
    border-bottom: 1px solid rgb(233, 235, 239) !important;
  }
.topic_wrap{
    background-color: #fff;
    margin:10px;
    padding:20px 10px 20px 10px;
    // height: 96%;
    box-sizing: border-box;
    // overflow: hidden;
}  
.questbox {
    height: 100%;
    display: flex;
    justify-content: space-between;
    padding: 10px 0;
}
.questLine-height{
    border-bottom:1px solid #eee;
    padding:0 15px 15px 0;
    font-size:16px;
} 
.scoreHeader{
    font-size: 16px;
    font-weight: 500;
    color: rgba(0, 0, 0, 0.85);
    line-height: 40px;
    padding: 0px 15px;
    background: rgb(245, 245, 245);
}
.scoreleft{
    margin-top:18px;
    width: 100%;
    margin-right:26px;
    border:1px solid rgb(233, 233, 233);
}
.scoreright{
    >.normarColor{
        display: inline-block;
        color: #888;
        background: #E2E2E2;
        border-width: 1px;
        border-style: solid;
        border-color: #E2E2E2;
        border-image: initial;
        width: 30px;
        height: 30px;
        text-align: center;
        line-height: 30px;
        margin:0 0 5px 20px;
        cursor: pointer;
        &:hover{
            background: #CCCCCC;
        }
    }
    >.lsgreen{
        color: #fff;
        background: #05c484;
        border-color: #05c484;
        &:hover{
            background: #019664;
        }
    }
    >.lsred{
        color: #fff;
        background: #FF7B7B;
        border-color:#FF7B7B;
        &:hover{
            background: #DC3E3E;
        }
    }
}
.title_header{
    line-height: 45px;
    padding-left:20px;
}

.quest_box >div{
    line-height: 45px;
    padding-left:20px;

}
.quest_box{
    padding-left:25px;
}
.line_height{
    line-height:30px;
    text-indent: 5px;
}
.header_title{
    border-bottom:1px solid #e2e2e2;
    padding:5px 10px;
}
.table_header{
    background: #fff;
    margin:10px 16px 0 16px;
  
}
.table_title{
    background: #fff;
    padding:5px 10px;
 
}
.head_content{
    padding:5px 10px;

    >div{
        border-left:1px solid #e2e2e2;
        &:first-child{
            border:none;
        }
         
    }
    .pubSize>div:first-child{
        font-size: 34px;
        font-weight: 600;
    }
    .complete>div{
        color: #0DD744;
    }

    .success>div{
        color: #F68101;
    }

    .fail>div{
        color: #EE4C36;

    }

}
.selectBtn{
    margin-left:10px;
    display: inline-block;
    color:#ccc;
    line-height: 28px;
    font-size:12px;
    width: 100px;
    text-align: center;
    // border-radius:4px;
    transition: all ease-out .65s ;

}
.lscheckBtn{
    background: #00a2ca;
    color:#fff;
    cursor: pointer;
   
}
.commenWrap{
    height: 100%;
    background: #fff;
}
.icon_gou {
    height: 15px;
    position: absolute;
    right: 0;
    bottom: 0;
}
#service_iframe{
    background: #fff;
}
